{% macro list() %}
    <transition name="fade">
        <div v-if="listLoading == true">
            <section>
                <div class='sk-wave'>
                    <div class='sk-rect sk-rect-1'></div>
                    <div class='sk-rect sk-rect-2'></div>
                    <div class='sk-rect sk-rect-3'></div>
                    <div class='sk-rect sk-rect-4'></div>
                    <div class='sk-rect sk-rect-5'></div>
                </div>
            </section>
        </div>
    </transition>
{% endmacro %}

{% macro bottom() %}
    <transition name="fade">
        <div class="pad10 pos-f l0 r0 b0 flcc op5" v-if="PageLoadingMore == true">
            <div class="la-ball-newton-cradle">
                <div></div>
                <div></div>
                <div></div>
                <div></div>0
            </div>
        </div>
{#        <div class="pos-f b0 l0 r0 bcaf3 pad5" v-if="PageLoadingMore == true">#}
{#            <section>#}
{#                <div id="ajaxbar1">#}
{#                    <div id="block1" class="barlittle"></div>#}
{#                    <div id="block2" class="barlittle"></div>#}
{#                    <div id="block3" class="barlittle"></div>#}
{#                    <div id="block4" class="barlittle"></div>#}
{#                    <div id="block5" class="barlittle"></div>#}
{#                </div>#}
{#            </section>#}
{#        </div>#}
    </transition>
    <div class="bcf cf tac pad5 op0" v-if="PageHasLoadingMore">
        更多数据
    </div>
{% endmacro %}